<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="lib/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="css/base.css" />
	</head>

	<body>
		
		<div class="weui-loadmore">
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			123<br />
			<div id="list">
			</div>
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
	</body>
	<script src="lib/jquery-2.1.4.js"></script>
		<script src="js/jquery-weui.min.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var loading = false; //状态标记
		$(document.body).infinite().on("infinite", function() {
			if(loading) return;
			loading = true;
			setTimeout(function() {
				$("#list").append(" 我是新加载的内容 ");
				loading = false;
			}, 1500); //模拟延迟
		});
	</script>

</html>